<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Mapbox-Example</title>
  <link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.51.0/mapbox-gl.css">
  <link rel="stylesheet" href="./css/style.css">
  <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.51.0/mapbox-gl.js'></script>
</head>

<body>
  <div id="map"></div>
  <script src="./minedata/9389.js"></script>
  <script>
    /** 
     * 使用minedata数据作为底图
     */
    let map = new mapboxgl.Map({
      container: 'map',
      style: _style,
      center: [104.29318, 35.70000],
      zoom: 4,
      minZoom: 3
    });
    map.addControl(new mapboxgl.NavigationControl(), 'top-right');
  </script>
</body>

</html>